<%@include file="/pages/common/commons.jsp" %>
<html>
<head>
	<title>首页</title>
    <script type="text/javascript">
    var ctt_s;
    var cur_ctt_s;
    var itv;
    var blk=0;
    var blk2=0;
    
    $j(function(){
    	ctt_s=$j('.content-show');
    	cur_ctt_s=1;

    	$j('.content-img').each(function(i,e){
			var _r=$j(this).attr('ref');
			$j(this).mouseover(function(){
				blk=1;
				cur_ctt_s=parseInt(_r)+1;
				_changeCtt();
			});
			$j(this).mouseout(function(){
				blk=0;
			});
        });
    	
    	itv=setInterval(changeCtt,2000);
	});

    var changeCtt=function(){
    	if(blk){return;}
    	_changeCtt();
    };

	var _changeCtt=function(){
		if(blk2){return;}
		blk2=1;
		
		for(var i=0;i<ctt_s.length;i++){
			$j(ctt_s[i]).removeClass('content-show-click');
			$j('#content-c'+i).css('display','none');
		}
		
		$j(ctt_s[cur_ctt_s-1]).addClass('content-show-click');
		$j('#content-c'+(cur_ctt_s-1)).css('display','block');

		cur_ctt_s++;
		if(cur_ctt_s==(ctt_s.length+1)){
			cur_ctt_s=1;
		}
		blk2=0;
	};

	</script>
</head>
<body>
<div class="content">
  	<p class="content-top"></p>
  	<div class="content-bg">
	  	<h1>闲置物品怎么处理？闲你妹啊！ </h1>
	  	<h2>好友之间闲置物品买卖平台 </h2>
		<div class="content-explain">
			<ul>
				<li>
					<img src="${static_domain}/images/index_07.jpg" class="content-img" ref="0"/>
					<div class="content-show content-show-click"></div>
				</li>
				<li>
					<img src="${static_domain}/images/index_12.jpg" class="content-img" ref="1"/>
					<div class="content-show"></div>
				</li>
				<li>
					<img src="${static_domain}/images/index_09.jpg" class="content-img" ref="2"/>
					<div class="content-show"></div>
				</li>
			</ul>
			<div class="content-c">
				<div id="content-c0" class="content-cc">
					<span class="content-span1 fLeft">卖家</span>
					<span class="content-span2 fLeft">
					<p class="content-span-p1">物品卖好友，解决自己困难又为好友谋福利</p>
					<p class="content-span-p2">家里N多闲置物品，放着占地方，丢了可惜</p>
					 <p class="content-span-p2">二手市场太坑，好东西更不想便宜不认识的人</p>
					</span>
				</div>
				<div id="content-c1" class="content-cc" style="display:none;">
					<span class="content-span1 fLeft">中间人</span>
					<span class="content-span2 fLeft">
					<p class="content-span-p1">帮好友解决困难，顺便赚佣金 </p>
					<p class="content-span-p2">觉得好友卖的闲置物品不错，但自己又暂时不需要？分享给自己圈子的好友吧</p>
					<p class="content-span-p2"></p>
					</span>
				</div>
				<div id="content-c2" class="content-cc" style="display:none;">
					<span class="content-span1 fLeft">买家</span>
					<span class="content-span2 fLeft">
					<p class="content-span-p1">物品来自好友，既实惠又放心 </p>
					<p class="content-span-p2">想入手些物品，没购买渠道或太贵</p>
					<p class="content-span-p2">二手市场太坑，不认识的人不靠谱</p>
					</span>
				</div>
			</div>
		</div>
	</div>
	<p class="content-bottom"></p>
</div>
</body>
</html>
